<!DOCTYPE html>
<html ng-app="plunker">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<link href="/megaacerto/style/css/bootstrapSpaceLab.css"
	rel="stylesheet">

<link rel="stylesheet" type="text/css"
	href="/megaacerto/style/css/styles.css" />
</head>

<body ng-controller="InserirCredito">
	<div ng-include src="'/megaacerto/page/menu.jsp'"></div>

	<div id="wrap">
		<div id="main" class="container clear-top">
			<div class="row">

				<div class="panel panel-primary" ng-show="setarValor">
					<div class="panel-heading">
						<h3 class="panel-title">Inserir Créditos</h3>
					</div>
					<div class="panel-body">
						<p>Informamos que o valor minimo para compra é de 20,00. O
							valor será liberado em sua conta assim que a transação bancaria
							for concluída.</p>
						<br />
						<p>
							Prezado COLOCAR_NOME, acompanhe o status da sua compra em <a
								href="#">Compras</a>.
						</p>

						<form class="form-horizontal" name="myForm">
							<div class="form-group">
								<label for="inputNome" class="control-label col-xs-2">Informe
									o valor</label>
								<div class="col-xs-6">
									<input id="inputValor" name="valor" ng-model="valor"
										ng-required="true" class="form-control">
									<button class="btn btn-primary" ng-disabled="myForm.$invalid"
										ng-click="setValor(valor);">Enviar compra</button>
								</div>
							</div>
						</form>
					</div>
				</div>

				<div class="panel panel-primary" ng-show="!setarValor">
					<div class="panel-heading">
						<h3 class="panel-title">Forma de pagamento</h3>
					</div>
					<div class="panel-body">
						<p>Prezado Sr. IMPRIMIR_NOME, informamos que atualmento nosso sistema está liberando pagamento apenas por Boleto. </p>
						<br />
						<b>Valor: R$ {{valor}} Clique:</b> <a ng-href="/megaacerto/gerarPagamentoBoleto?valor={{valor}}" target="blank" >[Gerar boleto]</a>
					</div>
				</div>

			</div>
		</div>
	</div>

	<div ng-include src="'/megaacerto/page/footer.html'"></div>

	<script src="/megaacerto/javascript/recursos/jquery-1.11.1.js"></script>

	<!-- Latest compiled and minified JavaScript -->
	<script src="/megaacerto/javascript/recursos/bootstrap.min.js"></script>

	<script type="text/javascript"
		src="/megaacerto/javascript/recursos/angular_2.min.js"></script>

	<script src="/megaacerto/javascript/recursos/storageprovider.js"></script>

	<script type="text/javascript"
		src="/megaacerto/javascript/control/angular-route.js"></script>

	<script type="text/javascript"
		src="/megaacerto/javascript/recursos/ui-bootstrap-tpls-0.11.0.min.js"></script>

	<script type="text/javascript"
		src="/megaacerto/javascript/control/inserirCredito.js"></script>


</body>

</html>